<template>
    <el-affix :offset="0">
        <header class="header">
            <el-icon @click="back" class="back" size="22" color="#f11f1">
                <ArrowLeftBold />
            </el-icon>
            <div class="userBox">
                <DownloadingList></DownloadingList>
                <User></User>
            </div>

        </header>
    </el-affix>
</template>

<script setup lang="ts">


import { useRouter } from "vue-router";
import DownloadingList from "@/components/downloadingList.vue"
import User from "@/components/userIcon.vue"
const router = useRouter();








// 返回
function back() {
    router.go(-1);
}

</script>
<style lang="scss">
.header {
    display: flex;
    justify-content: space-between;
    padding: 20px 40px;
    align-items: center;
    overflow: hidden;

    .back {
        cursor: pointer;
        width: 25px;
    }

    .userBox {
        display: flex;

        
    }

}
</style>